.headerbar { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 0.88rem; line-height: 0.88rem; background: #fff; font-size: 0.28rem; }

.headerbar .headerbar-left { text-align: left; width: 1.76rem; height: 0.88rem; font-size: 0; }

.headerbar .headerbar-left .navigation { display: inline-block; width: 0.88rem; height: 0.88rem; text-align: center; }

.headerbar .headerbar-left .navigation .icon-zuojiantou { font-size: 0.4rem; color: #232628; }

.headerbar-center { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.headerbar-center .headerbar-content { font-size: 0.32rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.main { border-color: #232628; padding-bottom: 1.84rem; width: 100%; min-height: 2.6rem; background-repeat: no-repeat; -o-background-size: 100% 2.64rem; background-size: 100% 2.64rem; background-position: top center; }

.main .userinformation { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; width: 100%; height: 2.24rem; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; }

.main .userinformation .userinformation-one { display: block; }

.main .userinformation .userinformation-hi { color: #fff; font-size: 0.28rem; }

body { color: #232628; }

.userinformation-not { margin-top: 0.16rem; text-align: center; font-size: 0.28rem; }

.userinformation-not a { display: block; width: 2.52rem; height: 0.72rem; line-height: 0.72rem; background-color: #fff; border-radius: 1.12rem; font-weight: 500; color: #232628; }

a { text-decoration: none; color: inherit; -webkit-tap-highlight-color: transparent; outline: none; }

.panel { background: #fff; margin: 0 0.16rem; border-radius: 0.08rem; box-shadow: 0 0.08rem 0.12rem 0 #DEE2E5; }

.panel .panel-head { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 0.88rem; line-height: 0.88rem; padding: 0 0.32rem; overflow: hidden; position: relative; }

.panel-head::after { content: ""; position: absolute; bottom: 0; left: 0.32rem; right: 0.32rem; width: 100%; height: 0; border-bottom: 1px solid #E9ECF0; }

.panel-head-title { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; font-size: 0.32rem; font-weight: 400; }

.panel-head-right { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: right; font-weight: 400; font-size: 0.28rem; }

.panel-head-right .icon-youjiantou { font-size: 0.24rem; vertical-align: bottom; }

.panel-body { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.panel-body .order-item { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; max-width: 33.33333333%; text-align: center; padding: 0.24rem 0.12rem; position: relative; font-size: 0.26rem; }

.navigation { display: block; }

.navigation .navigation-img { vertical-align: middle; width: 0.64rem; height: 0.64rem; }

.order-item-txt { overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.panel + .panel { margin-top: 0.16rem; }

.linkbox-item { width: 25%; height: 1.8rem; font-size: 0.28rem; overflow: hidden; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; }

.linkbox-item > .navigation { width: 100%; padding: 0.28rem 0; }

.linkbox-item > .navigation .iconfont { display: inline-block; font-size: 0.4rem; line-height: 1; }

.linkbox-item-txt { font-size: 0.24rem; margin-top: 0.16rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; text-align: center; }

.linkbox::before { content: ""; position: absolute; left: 0.32rem; right: 0.32rem; top: 0; border-top: 1px solid #E9ECF0; }

.linkbox { position: relative; }

.wxguanjia { background: url("https://img02.hua.com/m/images/wx_service_bg_4.png") no-repeat; -o-background-size: 100% 100%; background-size: 100% 100%; position: relative; padding: 0.32rem 0.16rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; min-height: 1.3rem; }

.wxguanjia-img { width: 0.6rem; height: 0.6rem; margin-right: 0.08rem; display: block; }

.wxguanjia-img img { width: 100%; vertical-align: top; }

.wxguanjia-content { background: url("https://img02.hua.com/m/images/wx_service_text_bg.png") no-repeat; background-position: top; -o-background-size: 100% 100%; background-size: 100% 100%; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; overflow: hidden; padding: 0.14rem 0.22rem; font-size: 0.24rem; }

.wxguanjia-right { margin-left: 0.14rem; }

.wxguanjia-right .wxguanjia-right-btn { width: 1.6rem; height: 0.6rem; line-height: 0.6rem; text-align: center; background: #ff734c; border-radius: 0.3rem; font-size: 0.24rem; color: #ffffff; }

.wxguanjia-close { position: absolute; right: 0.08rem; top: -0.44rem; padding: 0.08rem; color: #aa9d9d; }

.tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; background: #F7F9FA; }

.tabbar .tabbar-item1 { height: 0.98rem; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.tabbar .tabbar-item1 > .navigation { height: 0.98rem; padding-top: 0.08rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.tabbar .tabbar-item1 > .navigation p { font-size: 0.22rem; display: block; line-height: 0.304rem; }

.tabbar .tabbar-item1 > .navigation i { font-size: 0.4rem; display: block; }

.tabbar .tabbar-item1 .iconfont { font-size: 0.28rem; margin-top: 0.12rem; position: relative; }
